.info{
  height: 8vh;
  display: flex;
  align-items: center;
  padding-left: 30rpx;
}
.scroll-view{
  height: 100%;
  position: relative;
  padding-bottom: 9vh;
}
.scroll-view-box{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.info-year{
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0 30rpx;
}
.info-year > view{
  min-width: 30%;
  max-width: 50%;
  /* height: 60rpx; */
  height: 5vh;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 5rpx;
  margin: 5rpx;
  overflow: hidden;
  padding: 5rpx;
}
.drawer-active{
  border: 2px solid #0000ff !important;
}
.info-bottom{
  height: 7vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
}
.info-bottom > button{
  flex: 1;
  background-image: linear-gradient(to top,#7385af,#344e8b);
  border-radius: 0;
  color: #ffffff;
  font-size: 16px;
}